/** 全局样式 */
// 如果需要覆盖更多样式变量请查看文档
$--ele-font-path: "~ele-admin/packages/style/fonts";
// 如果不需要切换主题使用这个
//@import "~ele-admin/packages/style/themes/default.scss";
// 如果不需要切换主题固定为夜间主题使用这个
@import "./dark.scss";
@import "~ele-admin/packages/style/themes/dark.scss";

// 需要在线切换主题使用这个
// @import "~ele-admin/packages/style/themes/dynamic.scss";

$--customize-color-primary:  #40AFFF;
.ele-admin-layout {
  background-image: url(../assets/bg1.png);
  background-size: 100% 100%;
  min-width: 1200px;
}
.ele-admin-side-dark .ele-admin-logo, .ele-admin-logo-auto.ele-admin-layout .ele-admin-logo {
  width: 453px;
  height: 58px;
  padding: 0;
  //background-image: url('../assets/header_logo.png');
  //background-size: 100% 100%;
  box-shadow:none;
  background-color: transparent;
  span {
    display: none;
  }
}
.ele-admin-header {
  background: transparent !important;
  box-shadow:none !important;
  transition: none !important;
}
.ele-admin-head-dark .ele-admin-header {
  background-color: transparent;
}
.el-card {
  background-color: transparent;
}
.ele-bg-white {
  background-color: transparent !important;
}
.ele-admin-tabs {
  background-color: transparent;
}
.ele-text-center {
  display: none;
}

.ele-table-tool-default {
  // background: $--color-white;
  background: transparent;
  border-top: none;
  border-left: none;
  border-right: none;
}
.el-table thead {
  color: $--customize-color-primary;
  font-weight: normal !important;
}
.el-table tr {
  background-color: #071628;
}
.el-table {
  background-color: transparent;
}
.el-table__body-wrapper {
  background-color: transparent;
}
.ele-pro-table.ele-pro-table-fullscreen {
  background-color: #071628 !important;
}
.ele-admin-fixed-body .ele-admin-sidebar {
  width: 142px;
  // background: linear-gradient(270deg, #03101E 0%, #04111F 100%);
  background :transparent;
  border-radius: 0px 0px 0px 0px;
  opacity: 1;
  padding: 1px;
  margin-left: 12px;
  position: relative;
  height: calc(100vh - 100px);
  min-height: calc(100vh - 100px);
  box-shadow:none;
}
.ele-admin-header {
  height: 100px;
  padding-top: 20px;
  align-items: start;
  .ele-admin-logo {
    span {
      color: #33FEFE;
      background: linear-gradient(180deg, #FFFFFF 16%, #0E9AFF 100%);
      -webkit-background-clip: text;
      -webkit-text-fill-color: transparent;
    }
  }
  .ele-admin-header-tool .ele-admin-header-tool-item {
    height: 21px !important;
  }
}
.ele-admin-body {
  min-height: calc(100vh - 100px) !important;
}
.ele-admin-sidebar .ele-admin-sidebar-menu-wrap {
  border: 1px solid #129BFE;
  margin-bottom: 20px;
}

.ele-admin-sidebar::before {
  content: '';
  position: absolute;
  top: 0px;
  left: 0px;

  width: 21px;
  height: 21px;
  border-top: 2px solid #00FAFF;
  border-left: 2px solid #00FAFF;
  z-index: 10;
}

.el-menu.ele-menu-dark > .el-menu-item.is-active, .el-menu.ele-menu-dark > .el-submenu.is-active > .el-submenu__title, .el-menu.ele-menu-dark ul:not(.el-menu--popup) > .el-menu-item.is-active, .el-menu.ele-menu-dark ul:not(.el-menu--popup) > .el-submenu.is-active > .el-submenu__title{
  color: #40AFFF ;
}
.el-menu.ele-menu-dark:not(.el-menu--horizontal) > .el-menu-item.is-active, .el-menu.ele-menu-dark:not(.el-menu--horizontal) ul:not(.el-menu--popup) > .el-menu-item.is-active{
  background-color: transparent;
}

.el-submenu__title {
  padding-left: 13px !important;
}
.el-menu .el-menu-item {
  padding-left: 13px !important;
  // i {
  //   display: none;
  // }
}
.el-menu .el-menu-item [class^=el-icon-] {
  display: none;
}
.el-menu .el-menu-item [class^=el-icon-] + span {
  margin-left: 0px !important;
}

.el-menu .el-menu .el-menu-item {
  padding-left: 40px !important;
}
.ele-admin-head-dark .ele-admin-header {
  box-shadow: none;
}

.ele-admin-tabs-drop {
  display: none !important;
}

.ele-admin-tab-dot .ele-admin-tabs .el-tabs__item::before {
  display: none;
}
.ele-admin-tab-dot .ele-admin-tabs .el-tabs__item.is-active::before {
  display: none;
}
.ele-admin-tabs {
  height: 28px;
  padding-right: 0;
  box-shadow: none;
  .el-tabs__item {
    height: 28px;
    line-height: 28px;
    border-radius: 2px;
  }
  .el-tabs__item.is-active {
    background-color: #27507E;
    .el-icon-close:before{
      background-color:  #40afff;
      border-radius: 50%;
      color: #27507e;
    }
  }
  .el-tabs__nav-wrap {
    padding: 0 28px;
  }
  .el-tabs__nav-wrap.is-scrollable {
    padding: 0 28px !important;
  }
  .el-tabs__nav-wrap:before, .el-tabs__nav-wrap:after {
    width: 28px;
    height: 28px;
    line-height: 28px;
  }
  .el-tabs__nav-next, .el-tabs__nav-prev {
    width: 28px !important;
    height: 28px !important;
    line-height: 28px !important;
  }
}
.ele-admin-tabs .el-tabs__item.is-active:after {
  display: none;
}

// 隐藏中间部分的tabs
.ele-admin-body .ele-admin-tabs {
  // display: none;
  position: absolute;
  top: -50px;
  left: 452px;
  z-index: 1000;
  max-width:calc(100vw - 453px)
}
.el-dialog {
  background-color: #041322;
  .el-dialog__header {
    background: linear-gradient(90deg, #0758C4 0%, rgba(7,88,196,0) 100%);
    height: 36px;
    .el-dialog__title {
      position: relative;
    }
    .el-dialog__title::before {
      content: '';
      width: 4px;
      height: 14px;
      position: absolute;
      left: -11px;
      top: 50%;
      background-color: #fff;
      transform: translateY(-50%);
    }
    .el-dialog__close {
      color: #5991CD !important;
    }
  }
  .el-dialog__footer {
    border-top: none !important;
    .el-button--default {
      color: #40AFFF;
    }
  }
}

.el-input {
  background-color: rgba(46,108,151,0.2);
  .el-input__inner{
    color: #40AFFF;
    border:1px solid #5991CD;
  }
  .el-input__inner::placeholder {
    color: rgba(255,255,255,0.6);
  }
  .el-input__icon {
    color: #4C80B6 !important;
  }
}
.el-input-number {
  .el-input-number__decrease, .el-input-number__increase {
    color: #40AFFF !important;
  }
}
.el-date-editor .el-range-input {
  color: #40AFFF !important;
}
.el-textarea{
  background-color: rgba(46,108,151,0.2);
  .el-textarea__inner {
    color: #40AFFF;
    border:1px solid #5991CD;
  }
  .el-textarea__inner::placeholder {
    color: rgba(255,255,255,0.6);
  }
}

.el-select-dropdown {
  border-color: #5991CD !important;
  .el-select-dropdown__item {
    color: #40AFFF;
  }
  .el-select-dropdown__item.hover, .el-select-dropdown__item:hover {
    background-color: #e3f2fd;
    color: #40AFFF;
  }
}

.el-select .el-input .el-select__caret {
  color: #4C80B6 !important;
}
.vue-treeselect__control {
  background-color: rgba(46,108,151,0.2) !important;
  border:1px solid #5991CD !important;
  .vue-treeselect__single-value{
    color: #40AFFF  !important;
  }
  .vue-treeselect__placeholder {
    color: rgba(255,255,255,0.6) !important;
  }
  .vue-treeselect__x-container, .vue-treeselect__control-arrow {
    color: #4C80B6 !important;
  }
}

.vue-treeselect__menu {
  background-color: #041322  !important;
  color: #40AFFF  !important;
  border-color: #5991CD !important;
  // .vue-treeselect__option--selected {
  //   background-color: #007bff !important;
  //   color: #fff;
  // }
}
.ele-admin-header {
  .ele-admin-header-tool {
    display: none;
  }
  .ele-admin-header-tool.ele-header-right{
    display:flex;
  }
  .el-breadcrumb {
    display: none;
  }
}

.el-form-item__label {
  color: #40AFFF !important;
}

/* 异常页面 */
.ele-exception {
  margin: 145px 0;

  .ele-exception-img,
  .ele-exception-content {
    margin: 15px 30px;
    display: inline-block;
    vertical-align: middle;

    img {
      filter: $--content-image-filter;
    }
  }

  .ele-exception-content > h1 {
    font-size: 72px;
    font-weight: 600;
    margin: 0 0 20px 0;
  }

  .ele-exception-content > p {
    font-size: 20px;
    margin: 0 0 25px 0;
  }
}

@media screen and (max-width: 768px) {
  .ele-exception {
    margin: 40px 0;

    .ele-exception-img {
      margin: 0;

      img {
        max-height: 200px;
        max-width: 100%;
      }
    }

    .ele-exception-content {
      text-align: center;
    }
  }
}

[ele-resizable].el-dialog__wrapper > .el-dialog > .el-dialog__header {
  flex-shrink: 0;
}

.ele-admin-sidebar .ele-admin-sidebar-menus > .el-menu {
  overflow: hidden;
}
